<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="../style/css/reset.css">
    <link rel="stylesheet" href="../style/css/shopCar.css">
    <script src="../js/lib/require.js" data-main="../js/shopCar"></script>
</head>
<body>
<header id="header">
    <!--上方信息条-->
    <section class="headerTop">
        <section class="content">
            <ul class="topLeft">
                <li><img src="../img/li.gif" alt="图片加载失败"></li>
                <li class="zuce"><a href="regist.html">注册有礼</a></li>
                <li>|</li>
                <li class="denglu"><a href="login.html">登录</a></li>
                <li>|</li>
                <li><a href="">收藏</a></li>
            </ul>
            <ul class="topRight">
                <li><a href="">在线咨询</a></li>
                <li>|</li>
                <li>
                    <a href="">手机版</a>
                    <div class="code">
                        <img src="../img/QR_code.png" alt="">
                        <p>扫码下载APP</p>
                    </div>
                </li>
                <li>|</li>
                <li><a href="#">新浪</a></li>
            </ul>
        </section>
    </section>
    <!--logo-->
    <section id="logo">
        <section class="content">
            <div>
                <a style="cursor: pointer;" title="魅力惠MEI.COM 时尚奢品 限时折扣" class="logo_main">魅力惠</a>
                <a style="cursor: pointer;" class="logo_small"></a>
            </div>
        </section>
    </section>
    <!--导航条加二级导航-->
    <nav id="nav">
        <section class="content">
            <ul class="nav_left">
                <li class="item hh">
                    <a href="">首页</a>
                </li>
                <li class="item">
                    <a href="">女士</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">男士</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">美妆</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">家居</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">婴童</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item">
                    <a href="">海外</a>
                    <!--二级列表-->
                    <div class="pop_up">
                        <div class="submenu">
                            <p class="title">热门活动</p>
                            <ul></ul>
                            <p class="more"><a href="">查看所有活动</a></p>
                        </div>
                        <div class="submenu">
                            <p class="title">商品分类</p>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li class="item hh"><a href="">即将推出</a></li>
            </ul>
            <ul class="nav_right">
                <li class="shopping_quantity"><span>0</span>
                    <div class="hid_goods">
                        <div class="goods_list">购物袋暂无商品</div>
                    </div>
                </li>
                <li>|</li>
                <li class="shopping_amount">¥0.00</li>
            </ul>
        </section>
    </nav>
</header>
<section id="main">
    <section class="content" style="min-height:600px">
        <div class="topTitle clear">
            <h3>购物袋</h3>
            <p>商品库存有限，建议尽快提交订单，闪购到心仪的商品；促销优惠将按比例分摊至商品中.</p>
        </div>

        <ul class="tab clear">
            <li class="">在售</li>
            <li>心愿单</li>
            <li>已失效</li>
        </ul>
        <div class="tabMain">
            <div class="thead">
                <ul class="clear">
                    <li>
                        <input class="allchoose" type="checkbox">
                        <span>全选</span>
                    </li>
                    <li>商品信息</li>
                    <li>单价</li>
                    <li>数量</li>
                    <li>优惠</li>
                    <li>小计</li>
                    <li>操作</li>
                </ul>
            </div>
            <h4>魅力惠直发</h4>
            <div class="small">
                <span>满折优惠</span>
                <span>再购1件立享满1件9.0折</span>
                <a href="#">去凑单></a>
            </div>
            <div class="goodMsg_wrap">
                <!--//动态创建购物车数据-->
            </div>
        </div>
        <div class="tabMain"></div>
        <div class="tabMain"></div>
        <div id="total">
            <div class="total_left">
                <input class="allchoose" type="checkbox">
                <span>全选</span>
                <span>已选购<i>0</i>件</span>
                <a style="cursor: pointer">删除</a>
            </div>
            <div class="total_right">
                <span>总价（不含运费）：</span>
                <span>￥<i>0.00</i></span>
                <a>结算</a>
            </div>
        </div>
    </section>
</section>
<footer id="footer">
    <section class="content">
        <section class="footer_top">
            <ul class="clear">
                <li><a href="" class="a1">100%正品保证</a></li>
                <li><a href="" class="a2">满688免运费</a></li>
                <li><a href="" class="a3">7天无条件退货</a></li>
                <li><a href="" class="a4">超值折扣</a></li>
                <li><a href="" class="a5">9点限时闪购</a></li>
                <li><a href="" class="a6 last">400-664-6698</a></li>
            </ul>
        </section>
        <p>
            <a href="">关于魅力惠</a>
            <a href="">加入我们</a>
            <a href=""> 联系我们</a>
            <a href="">使用帮助</a>
            <a href="">使用规则</a>
            <a href="">隐私声明</a>
            <a href="">网站地图</a>
        </p>
        <p class="footer_copyright">
            <span>COPYRIGHT©2016  杭州魅俪信息技术有限公司版权所有</span>浙ICP备16004860号-1
        </p>
        <p><span><img src="../img/hui.png" alt=""></span></p>
    </section>

</footer>
</body>
</html>